<!DOCTYPE html>
<html rem="750">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="./css/u-reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header><i class="iconfont icon-close"></i>YEPOM <i class="iconfont icon-gengduo"></i> </header>
    <div class="search">
        <div>
            <i class="iconfont icon-sousuo"></i>
            <span>小沙发</span>
        </div>
    </div>
    <!-- 内容 开始 -->
    <!-- <ul class="test">
        <li></li>
        <li></li>
    </ul> -->
   
    <section class="category">
        <div class="side">
            <ul>
                <li class="active">
                    <a href="">好货推荐</a>
                </li>
                <li>
                    <a href="">精选新品</a>
                </li>
                <li>
                    <a href="">优选榜单</a>
                </li>
                <li>
                    <a href="">热卖产品</a>
                </li>
                <li>
                    <a href="">中式风格</a>
                </li>
                <li>
                    <a href="">北欧设计</a>
                </li>
                <li>
                    <a href="">简约时尚</a>
                </li>
                <li>
                    <a href="">商务范</a>
                </li>
                <li>
                    <a href="">沙发</a>
                </li>
                <li>
                    <a href="">椅子</a>
                </li>
                <li>
                    <a href="">茶几</a>
                </li>
                <li>
                    <a href="">桌子</a>
                </li>
                <li>
                    <a href="">装饰</a>
                </li>
                <li>
                    <a href="">床</a>
                </li>
            </ul>
        </div>
        <div class="cate-con">
                <a href=""><img src="./img/upimg.png" alt="" class="upimg"></a>
                <div class="dpics">
                    <div><span>好货推荐</span></div>
                    <ol class="dpic">
                        <li>
                            <a href="">
                                <img src="./img/dpic1.png" alt="">
                                <p>个人沙发</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./img/dpic2.png" alt="">
                                <p>懒人沙发</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./img/dpic3.png" alt="">
                                <p>丹麦座椅</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./img/dpic4.png" alt="">
                                <p>舒适靠椅</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./img/dpic5.png" alt="">
                                <p>双人凳</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./img/dpic6.png" alt="">
                                <p>简约凳</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./img/dpic7.png" alt="">
                                <p>商务沙发</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./img/dpic8.png" alt="">
                                <p>简约机柜</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="./img/dpic9.png" alt="">
                                <p>时尚餐台</p>
                            </a>
                        </li>
                    </ol>
                </div>
        </div>
        
    </section>
    <!-- 内容 结束 -->

    <!-- 底部 开始 -->
    <footer>
        <ul>
            <li>
                <a href="./index.html">
                    <i class="iconfont icon-house"></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="" class="active">
                    <i class="iconfont icon-category"></i>
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="./shopcar.html">
                    <i class="iconfont icon-gouwuche"></i>
                    <span>购物车</span>
                </a>
            </li>
            <li>
                <a href="./mine.html" >
                    <i class="iconfont icon-people"></i>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
    <!-- 底部 结束 -->
</body>
</html>